/* $$$ CSS file: layout.css: */
html {
	margin: 0;
	padding: 0;
	}
	
body {
	background: url(../images/layout/layoutBg4.png) repeat left top #c12e6a;
	margin: 0;
	padding: 0;
	color: #ddd;
	font-family: helvetica, arial, tahoma, sans-serif;
	font-size: 83%;
	line-height: 1.5em;
	}
	
img.pngfix {
	behavior: url(/iepngfix/iepngfix.php);
	}
	
div.layoutHeaderAndContent {
	background-color: #000;
	min-width: 860px;
	position: relative;
	margin: auto;
	}
	
div.layoutHeader {
	background: url(../images/layout/headerBg.png) repeat-x 2px top #b62d65;
	margin-right: 194px;
	}
	
	div.layoutHeaderBg {
		background: url(../images/layout/headerStripes.png) no-repeat right top;
		}	

		div.headerLeft {
			float: left;
			background: url(../images/layout/headerLeftBg.png) no-repeat right top;
			width: 30px;
			height: 155px;
			position: relative;
			}
		
		img.headerLogo {
			float: left;
			display: block;
			width: 232px;
			height: 155px;
			position: relative;
			background-color: #272727;
			}
		
			div.layoutHeader div.menu {
				height: 155px;
				}

				div.layoutHeader div.menu a.item {
					padding: 1%;
					padding-top: 0;
					padding-bottom: 0;
					height: 23px;
					font-family: Helvetica, Tahoma, Arial, sans-serif;
					font-weight: bold;
					display: block;
					float: left;
					background-repeat: no-repeat;
					background-position: center top;
					text-indent: -200em;
					overflow: hidden;
					margin-top: 64px;
					}

				div.layoutHeader div.menu a.active,
				div.layoutHeader div.menu a.item:hover,
				div.layoutHeader div.menu a.item:focus {
					background-position: center -23px;
					}
					
div.sideBox {
	width: 194px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	}
	
	div.headerOptions {
		width: 194px;
		height: 189px;
		background: url(../images/layout/headerOptionsBg.png) repeat left top #b62d65;
		}
		
		div.headerOptionsBg {
			padding: 0;
			margin: 0;
			width: 194px;
			height: 189px;
			background: url(../images/layout/headerOptionsBg2.png) no-repeat right bottom;
			}
			
		div.headerOptions form.search {
			margin: 0;
			padding: 5px 0 0 4px;
			}
			
		div.headerOptions h5 {
			width: 150px;
			color: #e14f8d;
			font-size: 1em;
			font-weight: normal;
			margin: 0;
			padding: 0 0 0 19px;
			}
			
	div.userDashboard {
		background: url(../images/layout/userDashboardBg.png) repeat-y right top;
		position: relative;
		}
			
		div.userDashboard div.userDashboardBgTop {
			background: url(../images/layout/userDashboardBgTop.png) no-repeat right top;
			}
					
		div.userDashboard div.userDashboardBgBottom {
			background: url(../images/layout/userDashboardBgBottom.png) no-repeat right bottom;
			padding: 27px 0 27px 14px;
			}
			
		div.userDashboard h3 {
			text-indent: -200em;
			height: 39px;
			margin: 0;
			padding: 0;
			background-repeat: no-repeat;
			background-position: left top;
			}
			
		div.userDashboard h3.logIn {
			background-image: url(../images/layout/headers/logIn.png);
			background-position: 29px top;
			}
			
		div.userDashboard h3.join {
			background-image: url(../images/layout/headers/join.png);
			background-position: 29px bottom;
			}
			
		div.userDashboard h3.profile {
			background-image: url(../images/layout/headers/profile.png);
			background-position: 29px top;
			margin-top: 5px;
			}
					
			div.userDashboard div.profilerMsg {
				overflow: hidden;
				position: relative;
				border-top: solid 1px #fff;
				height: 100%;
				}
				
				div.userDashboard div.profilerMsg div.message {
					background: url(../images/layout/profilerMsgBg.png) repeat-y top right;
					padding: 10px 30px 10px 16px;
					border-bottom: solid 1px #fff;
					margin-bottom: 10px;
					}
				
					div.userDashboard div.profilerMsg a.closeButton {
						background: url(../images/layout/profilerMsgCloseButton.png) no-repeat left center;
						width: 21px;
						height: 21px;
						display: block;
						overflow: hidden;
						text-indent: -200em;
						position: absolute;
						right: 2px;
						top: 9px;
						}
					
						div.userDashboard div.profilerMsg a.closeButton:hover,
						div.userDashboard div.profilerMsg a.closeButton:focus {
							background-position: right center;
							}
				
				span.profilerInfo {
					color: #8aff00;
					}
					
				span.profilerError {
					color: #ff2f19;
					}
			
		div.userDashboard h2.userName {
			font-size: 1.3em;
			font-weight: normal;
			vertical-align: middle;
			padding-left: 18px;
			margin: 0;
			}
			
		div.userDashboard h2.userName a {
			color: #fff;
			}
			
			div.userDashboard h2.userName img.accountMicroAvatar {
				padding: 1px;
				border-color: #ff4a93;
				}

			div.userDashboard h2.userName a:hover img.accountMicroAvatar,
			div.userDashboard h2.userName a:focus img.accountMicroAvatar {
				border-color: #fff;
				}

		div.userDashboard a:link,
		div.userDashboard a:active,
		div.userDashboard a:visited {
			color: #ff4a93;
			}
				
		div.userDashboard a:hover,
		div.userDashboard a:focus {
			color: #fff;
			}
			
		div.userDashboard a.logout {
			margin-left: 47px;
			margin-top: -3px;
			background-image: url(../images/layout/userDashboardIcons/logout.png);
			background-repeat: no-repeat;
			background-position: left center;
			vertical-align: middle;
			display: block;
			padding-left: 13px;
			}
				
		div.userDashboard div.actions {
			margin-top: 2px;
			margin-bottom: 15px;
			}
			
			div.userDashboard div.actions a {
				display: block;
				background-position: left top;
				height: 25px;
				line-height: 25px;
				text-indent: 100em;
				overflow: hidden;
				width: 180px;
				}
			
			div.userDashboard div.actions a:hover,
			div.userDashboard div.actions a:focus {
				background-position: left 25px;
				color: #fff;
				}
				
				div.userDashboard div.actions a.addNewGossip {
					background-image: url(../images/layout/userDashboardIcons/addNewGossipBg.png);
					}
				
				div.userDashboard div.actions a.items {
					background-image: url(../images/layout/userDashboardIcons/itemsBg.png);
					}
				
				div.userDashboard div.actions a.comments {
					background-image: url(../images/layout/userDashboardIcons/commentsBg.png);
					}
				
				div.userDashboard div.actions a.votes {
					background-image: url(../images/layout/userDashboardIcons/votesBg.png);
					}
				
				div.userDashboard div.actions a.settings {
					background-image: url(../images/layout/userDashboardIcons/settingsBg.png);
					}

div.contentTypes {
	position: absolute;
	right: 27%;
	top: 0;
	width: 190px;
	}
	
	div.contentTypes a {
		display: block;
		float: left;
		width: 39px;
		height: 36px;
		margin-left: 4px;
		overflow: hidden;
		text-indent: -300px;
		background-repeat: no-repeat;
		background-position: center top;
		}
		
		div.contentTypes a.inactive:hover,
		div.contentTypes a.inactive:focus {
			background-position: center -36px;
			}

div.sortingModes {
	clear: both;
	margin-left: 9px;
	}
	
	div.sortingModes h5 {
		border-bottom: solid 1px #c93e73;
		margin: 0 0 5px 3px;
		padding-bottom: 4px;
		width: 152px;
		}
		
	div.sortingModes a {
		display: block;
		float: left;
		height: 39px;
		overflow: hidden;
		text-indent: -200em;
		background-repeat: no-repeat;
		margin-top: 6px;
		}
			
	div.sortingModes a:link,
	div.sortingModes a:visited {
		background-position: center top;
		}
			
	div.sortingModes a.active,
	div.sortingModes a:active,
	div.sortingModes a:hover {
		background-position: center -39px;;
		}
		
	div.sortingModes a.highRated {
		width: 70px;
		margin-left: 20px;
		background-image: url(/images/layout/sortingModes/best.png);
		}
		
	/*div.sortingModes a.mostPopular {
		width: 46px;
		background-image: url(/images/layout/sortingModes/hot.png);
		}*/
		
	div.sortingModes a.fresh {
		width: 60px;
		margin-left: 11px;
		background-image: url(/images/layout/sortingModes/fresh.png);
		}
		
		
div.timeRanges {
	clear: both;
	z-index: 10;
	position: relative;
	border-top: solid 1px #c93e73;
	margin: 8px 0 0 12px;
	padding-top: 10px;
	width: 172px;
	}

	div.timeRanges h5 {
		width: 78px;
		}
		
	div.timeRangesWrapper {
		position: absolute;
		width: 65px;
		height: 29px;
		left: 70px;
		top: 6px;
		z-index: 12;
		background-repeat: no-repeat;
		background-position: 5px center;
		text-indent: -200em;
		}
		
	div.timeRanges div.activeWrapper {
		background-position: -55px center;
		}
		
		#timeRanges {
			width: 70px;
			height: 130px;
			background: url(/images/layout/layoutBg4.png);
			border: solid 1px #ff69a2;
			display: none;
			position: absolute;
			top: -3px;
			left: 0;
			padding: 0;
			}
		
		/*div.timeRangesWrapper:hover #timeRanges {	
			display: block;
			}*/

		#timeRanges a {
			margin: 4px;
			display: block;
			width: 58px;
			height: 21px;
			overflow: hidden;
			background-repeat: no-repeat;
			background: transparent;
			text-indent: -200em;
			}
			
		#timeRanges a:link,
		#timeRanges a:visited {
			background-position: left center;
			}
			
		#timeRanges a.active {
			cursor: default;
			}
			
		#timeRanges a.active,
		#timeRanges a:active,
		#timeRanges a:hover {
			background-position: -60px center;
			}
			
			div.timeRanges div.day,
			#timeRanges a.day {
				background-image: url(/images/layout/timeRanges/day.png);
				}
			
			div.timeRanges div.week,
			#timeRanges a.week {
				background-image: url(/images/layout/timeRanges/week.png);
				}
			
			div.timeRanges div.month,
			#timeRanges a.month {
				background-image: url(/images/layout/timeRanges/month.png);
				}
			
			div.timeRanges div.year,
			#timeRanges a.year {
				background-image: url(/images/layout/timeRanges/year.png);
				}
			
			div.timeRanges div.ever,
			#timeRanges a.ever {
				background-image: url(/images/layout/timeRanges/ever.png);
				}
				
div.layoutContent {
	background: url(../images/layout/layoutContentBg.png) no-repeat left top #272727;
	margin: 0 40px 0 40px;
	min-height: 400px;
	padding: 1px 160px 1em 0;
	}
	
div.layoutFooter {
	border-top: solid 2px #fff;
	padding: 1em 40px 1em 40px;
	min-height: 40px;
	}
	
	div.layoutFooter div.column {
		margin-right: 3%;
		float: left;
		margin-bottom: 1em;
		}
		
	div.layoutFooter h3 {
		font-size: 1.2em;
		font-weight: normal;
		padding: 0 0 0.4em 0;
		margin: 0 0 0.6em 0;
		border-bottom: solid 1px #962256;
		}
	
	div.layoutFooter div.tags {
		width: 400px;
		max-width: 400px;
		text-align: justify;
		}
		
		div.layoutFooter div.tags a {
			line-height: 90%;
			vertical-align: middle;
			}
			
		div.layoutFooter div.tags a:link,
		div.layoutFooter div.tags a:visited {
			color: #ffbdd8;
			}
		
		div.layoutFooter div.tags a:active,
		div.layoutFooter div.tags a:focus,
		div.layoutFooter div.tags a:hover {
			color: #fff;
			background: #962256;
			}
			
	div.layoutFooter div.rssLinks {
		float: left;
		}
		
		div.layoutFooter div.rssLinks a {
			display: block;
			line-height: 1.5em;
			padding: 0 5px 0 5px;
			margin-right: 5px;
			text-align: right;
			}
			
		div.layoutFooter div.rssLinks a:link,
		div.layoutFooter div.rssLinks a:visited {
			color: #ffbdd8;
			background-color: transparent;
			}
			
		div.layoutFooter div.rssLinks a:active,
		div.layoutFooter div.rssLinks a:focus,
		div.layoutFooter div.rssLinks a:hover {
			color: #fff;
			background-color: #962256;
			}
	
/* Basics: */

.clear {
	height: 0;
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
	clear: both;
	}
	
img {
	border: 0;
	}
	
/* Forms */

	/* UnivarsalInput: */

div.universalInput {
	padding: 0;
	margin: 0 2px 0 6px;
	height: 40px;
	line-height: 40px;
	border: 0;
	background: url(../images/layout/forms/inputTextBg2.png) repeat-x left 10px;
	vertical-align: middle;
	overflow: visible;
	position: relative;
	float: left;
	}
	
	div.universalInput div.inputText {
		float: left;
		height: 40px;
		background: url(../images/layout/forms/inputTextBg1.png) no-repeat left 10px;
		position: relative;
		left: -6px;
		}
	
		div.universalInput div.inputText input {
			font-style: italic;
			border: 0;
			margin: 0;
			padding: 0 0 0 13px;
			line-height: 40px;
			width: 130px;
			height: 40px;
			display: inline;
			background: transparent;
			}

	div.universalInput div.inputSubmit {
		float: left;
		width: 39px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: right center;
		background-color: transparent;
		position: relative;
		right: -2px;
		}
	
		div.universalInput div.inputSubmit input {
			border: 0;
			margin: 0;
			padding: 0;
			width: 39px;
			height: 40px;
			line-height: 40px;
			background-repeat: no-repeat;
			background-position: left top;
			}
			
			div.universalInput div.inputSubmit input:active,
			div.universalInput div.inputSubmit input:hover,
			div.universalInput div.inputSubmit input:focus {
				background-position: -40px top;
				}
				
	div.universalInput div.inputText input.search {
		width: 122px;
		}
				
	div.universalInput div.inputSubmit input.search {
		background-image: url(../images/layout/forms/searchInputSubmitBg.png);
		cursor: pointer;
		}
				
	div.universalInput div.inputText input.userSearch {
		width: 122px;
		}
				
	div.universalInput div.inputSubmit input.userSearch {
		background-image: url(../images/layout/forms/userSearchInputSubmitBg.png);
		cursor: pointer;
		}
			
input.describedNotFilled {
	color: #cfcfcf;
	}
			
input.describedFilled {
	color: #000;
	}
	
	/* Quick join form */
form.quickJoinForm {
	padding-left: 18px;
	margin: 0;
	}
	
	form.quickJoinForm div.universalInput {
		width: 148px;
		}
		
		form.quickJoinForm div.universalInput div.inputText input.quickJoin {
			width: 96px;
			}
	
	form.quickJoinForm div.universalInput div.inputSubmit input.quickJoin {
		background-image: url(../images/layout/forms/quickJoinInputSubmitBg.png);
		background-color: transparent;
		cursor: pointer;
		}
		
#voteArrowLogFormHtml {
	width: 371px;
	}

	#voteArrowLogFormHtml p {
		padding: 10px 0 5px 25px;
		margin: 3px 10px 0 0;
		}
	
	/* Autonomous form */
	
form.autonomous {
	/*margin-left: 75px;*/
	/*overflow: auto;*/
	width: 45em;
	}

	form.autonomous div.formContainer {
		margin-top: 1em;
		}

	form.autonomous div.formSection {
		display: block;
		clear: both;
		margin: 0 0 1em 0;
		overflow: hidden;
		}
		
		form.autonomous fieldset {
			background-color: #31262a;
			border: solid 1px #832b4f;
			margin-bottom: 1em;
			padding: 1em;
			}
			
			form.autonomous fieldset legend {
				background-color: #31262a;
				border-width: 1px 1px 0 1px;
				border-color: #832b4f;
				border-style: solid;
				padding: 0.1em 0.6em 0 0.6em;
				margin-left: 1em;
				}

		form.autonomous div.formSection div.invalidFieldMessage {
			margin-left: 11em;
			}

		form.autonomous div.formSection label.formSection {
			padding: 0 0.5em 0 0;
			width: 10em;
			text-align: left;
			float: left;
			margin: 1px 0 0 0;
			font-weight: normal;
			font-size: 1em;
			}
			
		form.autonomous div.formSection div.itemAvatar {
			float: left;
			}
			
			form.autonomous div.formSection div.itemAvatar img {
				border: solid 1px #fff;
				padding: 2px;
				vertical-align: middle;
				margin-right: 0.5em;
				}

	form.autonomous select.formSection,
	form.autonomous textarea.formSection,
	form.autonomous input.formSection {
		width: 400px;
		}

	form.autonomous textarea.formSection,
	form.autonomous input.formSection {
		margin: 0;
		float: left;
		display: block;
		height: 1.5em;
		line-height: 1.5em;
		padding: 0.1em 0.5em 0.1em 0.5em;
		border: 0;
		/*
		border: solid 1px #000;
		color: #fff;
		background: #333;
		*/
		font-family: helvetica, tahoma, arial, sans-serif;
		font-size: 1em;
		background: url(/images/layout/forms/inputTextBg3.png) repeat-x left top #fff;
		}

	form.autonomous textarea.formSection {
		padding-top: 0.2em;
		height: 6em;
		overflow: auto;
		}

	form.autonomous input.file {
		color: #000;
		}			

	form.autonomous div.submit {
		text-align: right;
		border-top: solid 1px #ba2d66;
		margin-top: 3em;
		overflow: visible;
		padding-right: 5px;
		}

		form.autonomous div.submit input {
			margin: -23px 3px 0 3px;
			vertical-align: middle;
			}
	
	
/* Generals */

h1, h2, h3, h4, h5 {
	color: #fff;
	}

h1.pageTitle {
	font-size: 3.2em;
	font-weight: normal;
	padding: 25px 0 20px 75px;
	margin: 0 0 0.1em 0;
	}
	
h2.pageTitle {
	font-weight: normal;
	font-size: 1.6em;
	padding: 25px 0 20px 75px;
	margin: 0;
	}
	
h1.introducing {
	font-weight: normal;
	font-size: 1.4em;
	padding: 15px 0 15px 75px;
	margin: 0 22% 0 0;
	color: #89d92f;
	}
	
	h1.introducing a:link,
	h1.introducing a:visited {
		color: #d8ffac;
		}
	
	h1.introducing a:active,
	h1.introducing a:hover,
	h1.introducing a:focus {
		color: #ff4891;
		}
	
h2.contentTitle {
	font-weight: normal;
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
	padding: 1em 0 0.3em 0;
	border-bottom: solid 1px #ba2d66;
	}
	
div.pageContent {
	margin-left: 75px;
	}
	
div.hr {
	border-top: solid 1px #ba2d66;	
	margin: 0.5em 0 0.5em 0;
	}

a:link, a:active, a:visited, a:hover, a:focus {
	text-decoration: none;
	}
	
a:link, a:active {
	color: #e82f7a;
	}

a:visited {
	color: #b65b80;
	}

a:hover, a:focus {
	color: #fff;
	}

div.invalidFieldMessage {
	color: red;
	}

img.accountMicroAvatar,
img.accountAvatar {
	padding: 1px;
	border: solid 1px #666;
	}
	
a:link img.accountAvatar,
a:visited img.accountAvatar,
a:link img.accountMicroAvatar,
a:visited img.accountMicroAvatar {
	vertical-align: middle;
	padding: 1px;
	border: solid 1px #e82f7a;
	}
	
	a:hover img.accountAvatar,
	a:focus img.accountAvatar,
	a:hover img.accountMicroAvatar,
	a:focus img.accountMicroAvatar {
		border-color: #fff;
		}

		
/* Tabs: */

ul.tabs {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0 0 0 10px;
	}
	
	ul.tabs li {
		display: block;
		float: left;
		height: 26px;
		line-height: 26px;
		background-image: url(../images/layout/tabLabel0BgLeft.png);
		background-repeat: no-repeat;
		background-position: left center;
		margin: 0 0 0 3px;
		position: relative;
		}
		
	ul.tabs > li {
		padding-left: 1.5em;
		}
		
		ul.tabs li a {
			display: block;
			width: 10em;
			text-align: center;
			background-image: url(../images/layout/tabLabel0BgRight.png);
			background-repeat: no-repeat;
			background-position: right center;
			position: relative;
			}
			
		ul.tabs > li a {
			text-align: left;
			width: 100%;
			padding-right: 1.5em;
			}
		
		ul.tabs>/*NotIE<8*/li a {
			padding-right: 0;
			margin-right: 1.5em;
			}
			
	ul.tabs li.active {
		color: #fff;
		background-image: url(../images/layout/tabLabel1BgLeft.png);
		}
			
		ul.tabs li.active a {
			color: #fff;
			background-image: url(../images/layout/tabLabel1BgRight.png);
			}

div.tabs {
	margin-bottom: 3em;
	}
	
	div.itemDetails div.tabs div.tab {
		display: none;
		}
	
	div.itemDetails div.tabs div.activeTab {
		display: block;
		}
	
	div.tabs h2 {
		font-weight: normal;
		}
		
div.tabBorder {
	clear: both;
	border-top: solid 1px #ba2d66;
	}
	
	
/* Pages bar: */

*.pagesBar {
	height: 29px;
	line-height: 29px;
	}
	
	*.pagesBar div.section {
		float: left;
		}
		
		*.pagesBar a {
			text-align: center;
			vertical-align: middle;
			display: block;
			float: left;
			width: 25px;
			height: 29px;
			}
			
		*.pagesBar a {
			background-image: url(/images/layout/pageNumberBg.png);
			background-position: -2px center;
			background-repeat: no-repeat;
			}
		
		*.pagesBar a:link,
		*.pagesBar a:visited,
		*.pagesBar a:active {
			background-position: -2px center;
			}
			
		*.pagesBar a:hover,
		*.pagesBar a:focus {
			background-position: -31px center;
			}
			
		*.pagesBar a.previous,
		*.pagesBar a.next {
			overflow: hidden;
			text-indent: -200em;
			}
			
		*.pagesBar a.previous {
			background-image: url(/images/layout/pagePreviousBg.png);
			}
			
		*.pagesBar a.next {
			background-image: url(/images/layout/pageNextBg.png);
			}
		
		*.pagesBar a.current {
			font-weight: bold;
			color: #fff;
			font-size: 1.2em;
			cursor: default;
			width: 33px;
			background-image: url(/images/layout/pageNumberCurrentBg.png);
			}
			
			*.pagesBar a.current:link,
			*.pagesBar a.current:visited,
			*.pagesBar a.current:active,
			*.pagesBar a.current:hover,
			*.pagesBar a.current:focus {
				background-position: center center;
				}

/* Button */
input.button {
	width: 38px;
	height: 38px;
	line-height: 38px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	}

input.button:hover,
input.button:focus {
	background-position: center -40px;
	}
	
input.apply {
	background-image: url(/images/layout/forms/applyButton.png);
	}
	
input.cancel {
	background-image: url(/images/layout/forms/cancelButton.png);
	}
	
code {
	background-color: #31262A;
	border: solid 1px #832B4F;
	padding: 0.5em;
	overflow: auto;
	display: block;
	}
	
/* Log form */
form.logForm {
	background: url(../images/layout/logForm.png) no-repeat 18px top;
	margin: 0;
	padding: 54px 0 0 0;
	position: relative;
	}
	
	form.logForm div.logFormContent {
		padding-left: 25px;
		text-align: left;
		}
	
	form.logForm input.login,
	form.logForm input.password {
		border: 0;
		background-color: transparent;
		width: 105px;
		height: 17px;
		line-height: 17px;
		display: block;
		position: absolute;
		left: 28px;
		margin: 0;
		padding: 1px 0 1px 3px;
		vertical-align: middle;
		font-style: italic;
		}
		
	form.logForm input.login {
		top: 2px;
		}
	
	form.logForm input.password {
		background-repeat: no-repeat;
		background-position: 3px center;
		top: 28px;
		}

	form.logForm input.passwordNotFilled {
		background-image: url(../images/layout/passwordInputBg.png);
		}
		
	form.logForm input.passwordFilled {
		background-image: none;
		}
		
	form.logForm input.logInSubmit {
		border: 0;
		opacity: 4;
		background-image: url(../images/layout/logInInputBg1.png);
		background-repeat: no-repeat;
		background-position: -100px;
		background-color: transparent;
		width: 36px;
		height: 36px;
		padding: 0;
		position: absolute;
		left: 136px;
		top: 7px;
		line-height: 5px;
		font-size: 0;
		}
		
		form.logForm input.logInSubmit:hover,
		form.logForm input.logInSubmit:focus {
			background-position: center;
			}
			
/* parameterValueTable */
div.tabs div.tab table.parameterValueTable {
	
	}

	div.tabs div.tab table.parameterValueTable th {
		margin: 0;
		padding: 0 1em 0 0.5em;
		text-align: right;
		font-weight: normal;
		color: #666;
		font-size: 1em;
		line-height: 2em;
		}

	div.tabs div.tab table.parameterValueTable td {
		line-height: 2em;
		margin: 0;
		padding: 0;
		}
		
/* messages */

div.errorMessage,
div.infoMessage {
	background-repeat: repeat;
	background-position: left top;
	padding: 0.5em 2.3em 0.5em 0.5em;
	position: relative;
	}
	
div.errorMessage {
	background-image: url(/images/layout/messageBg.png);
	border: solid 1px #ff2f19;
	color: #ff2f19;
	}
	
	div.errorMessage a.closeButton {
		background-image: url(/images/layout/errorCloseButton.png);
		}
	
div.infoMessage {
	background: url(/images/layout/messageBg.png) repeat left top;
	border: solid 1px #8aff00;
	color: #8aff00;
	}
	
	div.infoMessage a.closeButton {
		background-image: url(/images/layout/infoCloseButton.png);
		}
	
	div.errorMessage a.closeButton,
	div.infoMessage a.closeButton {
		width: 21px;
		height: 21px;
		text-indent: -200em;
		position: absolute;
		background-repeat: no-repeat;
		background-position: center top;
		overflow: hidden;
		right: 0;
		top: 0;
		}
	
	div.errorMessage a.closeButton:hover,
	div.infoMessage a.closeButton:hover {
		background-position: center -21px;
		}
/* $$$ CSS file: menus.css: */
#mainMenuItem1 {
	background-image: url(../images/layout/mainMenu/all.png);
	width: 27px;
	}

#mainMenuItem2 {
	background-image: url(../images/layout/mainMenu/tv.png);
	width: 28px;
	}

#mainMenuItem3 {
	background-image: url(../images/layout/mainMenu/movies.png);
	width: 68px;
	}

#mainMenuItem4 {
	background-image: url(../images/layout/mainMenu/music.png);
	width: 57px;
	}
	
#mainMenuItem5 {
	background-image: url(../images/layout/mainMenu/internet.png);
	width: 76px;
	}

#mainMenuItem6 {
	background-image: url(../images/layout/mainMenu/others.png);
	width: 65px;
	}
			
				
				
				
#headerDisplayImages0 {
	background-image: url(../images/layout/itemTypesIcons/headerImages0.png);
	}

#headerDisplayImages1 {
	background-image: url(../images/layout/itemTypesIcons/headerImages1.png);
	}

#headerDisplayArticles0 {
	background-image: url(../images/layout/itemTypesIcons/headerArticles0.png);
	}

#headerDisplayArticles1 {
	background-image: url(../images/layout/itemTypesIcons/headerArticles1.png);
	}

#headerDisplayVideos0 {
	background-image: url(../images/layout/itemTypesIcons/headerVideos0.png);
	}

#headerDisplayVideos1 {
	background-image: url(../images/layout/itemTypesIcons/headerVideos1.png);
	}

#headerDisplayAll0 {
	background-image: url(../images/layout/itemTypesIcons/headerAll0.png);
	}

#headerDisplayAll1 {
	background-image: url(../images/layout/itemTypesIcons/headerAll1.png);
	}
/* $$$ CSS file: items.css: */
a.addCelebrityGossip {
	/*background: url(/images/layout/forms/addNewCelebrityGossip.png) no-repeat center top;*/
	width: 120px;
	height: 100px;
	display: block;
	/*text-indent: -200em;*/
	position: absolute;
	right: 23%;
	top: 140px;
	z-index: 10;
	overflow: hidden;
	}

	a.addCelebrityGossip img:hover {
		/*background-position: center -100px;*/
		/*margin-top: -100px;*/
		}
		
div.customizationTitle {
	padding: 0 0 20px 75px;
	margin: 25px 0 0 0;
	}
	
	div.customizationTitle h1.pageTitle {
		padding: 0 0.5em 0.2em 0;
		margin: -0.5em 0 0 0;
		float: left;
		display: block;
		font-size: 3.3em;
		height: 1.2em;
		line-height: 1.2em;
		}
		
	div.customizationTitle h2 {
		font-weight: normal;
		font-size: 1.1em;
		padding: 0 24% 0 0;
		margin: -0.4em 0 0 0;
		*margin-right: 15%;
		line-height: 1em;
		max-width: 20em;
		min-width: 20em;
		float: left;
		display: block;
		}
		
div.rankingList {
	}
	
	div.item {
		width: 100%;
		position: relative;
		}
	
	div.rankingList div.pagesBar {
		width: 590px;
		margin: auto;
		}

	div.rankingList div.item {
		}

	div.itemDetails div.item {
		margin-top: 1.5em;
		padding-bottom: 2em;
		}
	
	div.rankingList div.item {
		margin-bottom: 2em;
		}
		
		div.item div.leftColumn {
			width: 320px;
			position: absolute;
			left: 0;
			top: 4px;
			}
		
			div.item div.voteArrow {
				float: left;
				background: url(../images/layout/layoutBg3.png) repeat left top;
				position: relative;
				z-index: 3;
				margin: 12px 0 10px 0;
				width: 180px;
				}
				
				div.item div.voteArrow div.actions {
					width: 95px;
					height: 50px;
					float: left;
					position: relative;
					}
					
					div.item div.voteArrow div.actions a.rateUp,
					div.item div.voteArrow div.actions a.rateDown {
						width: 64px;
						line-height: 14px;
						display: block;
						background-repeat: no-repeat;
						background-position: left top;
						margin-left: 2px;
						text-indent: -200em;
						overflow: hidden;
						position: absolute;
						margin-left: 19px;
						}
						
						div.item div.voteArrow div.actions a.rateUp {
							background-image: url(../images/layout/rateUp.png);
							margin-top: -8px;
							height: 36px;
							}
						
						div.item div.voteArrow div.actions a.rateDown {
							background-image: url(../images/layout/rateDown.png);
							margin-top: 27px;
							height: 26px;
							}
							
					div.item div.voteArrow div.actions a.ratedUp,
					div.item div.voteArrow div.actions a.ratedDown {
						overflow: hidden;
						display: block;
						text-indent: -500em;
						background-position: center;
						background-repeat: no-repeat;
						position: absolute;
						
						}
	
					div.item div.voteArrow div.actions a.ratedUp {
						background-image: url(../images/layout/ratedUp.png);
						width: 65px;
						height: 49px;
						top: -4px;
						left: 17px;
						}

					div.item div.voteArrow div.actions a.ratedDown {
						background-image: url(../images/layout/ratedDown.png);
						width: 57px;
						height: 51px;
						top: 3px;
						left: 25px;
						}
							
					div.item div.voteArrow div.actions a.rateUp:hover,
					div.item div.voteArrow div.actions a.rateUp:focus,
					div.item div.voteArrow div.actions a.rateDown:hover,
					div.item div.voteArrow div.actions a.rateDown:focus {
						background-position: -64px top;
						}
		
				div.item div.voteArrow div.rank {
					float: right;
					background: url(../images/layout/digitArrow.png) no-repeat right center;
					width: 85px;
					height: 50px;
					line-height: 50px;
					font-size: 2.2em;
					font-family: impact, helvetica, arial, tahoma, sans-serif;
					font-weight: normal;
					color: #fff;
					}
		
			div.similar div.avatar,
			div.item div.avatar {
				float: left;
				width: 96px;
				height: 170px;
				margin: 0 20px 0 24px;
				background: url(../images/layout/itemAvatarReflection.png) no-repeat center 130px;
				position: relative;
				z-index: 1;
				}
				
				div.similar div.avatar img.avatar,
				div.item div.avatar img.avatar {
					/*width: 90px;
					height: 120px;*/
					position: absolute;
					right: 0;
					bottom: 44px;
					padding: 2px;
					}
				
				div.similar div.avatar a img.avatar,
				div.item div.avatar a img.avatar {
					border: solid 1px #e82f7a;
					}
					
				div.similar div.avatar a:hover img.avatar,
				div.similar div.avatar a:focus img.avatar,
				div.item div.avatar a:hover img.avatar,
				div.item div.avatar a:focus img.avatar {
					border-color: #fff;
					}
					
				div.similar div.avatar img.itemTypeIcon,
				div.item div.avatar img.itemTypeIcon {
					position: absolute;
					right: 1px;
					bottom: 45px;
					width: 20px;
					heighr: 17px;
					}
		div.similar	{ width:780px;margin-top:15px; }		
		div.similar	div.avatar { margin-top:15px  !important}		
		div.item div.text {
			max-width: 37em;
			min-height: 150px;
			color: #666;
			margin-left: 320px;
			}
			
			/* Correction for IE6 - helps to keep vertical spacing between gossips on the ranking list. */
			div.item div.text div.IE6Spacer {
				width: 0;
				float: left;
				height: 150px;
				}

			/*div.rankingList div.item div.text {
				margin-left: 320px;
				}

			div.itemDetails div.item div.text {
				margin-left: 320px;
				}*/

			div.item div.text h1 {
				margin: 0;
				padding-top: 0.1em;
				padding-bottom: 0.2em;
				font-size: 22pt;
				font-weight: normal;
				line-height: 1em;
				}
			
			div.item div.text h2 {
				margin: 0;
				padding: 0 0 0.2em 0;
				font-size: 1.8em;
				font-weight: normal;
				line-height: 1.2em;
				}
			
			div.item div.text p {
				margin: 0;
				padding: 0;
				}
				
			div.item div.text strong {
				font-weight: normal;
				color: #999;
				}
				
			div.item p.info {
				padding-top: 2pt;
				}
				
				div.item div.text p.info img.accountMicroAvatar {
					margin: 2px;
					padding: 0;
					}
				
			div.item div.text ul.info {
				list-style-type: none;
				margin: 4px 0 0 0;
				padding: 0;
				}
				
				div.item div.text ul.info li {
					height: 24px;
					line-height: 24px;
					}
					
			div.item div.text p.description {
				text-align: left;
				color: #ddd;
				}
			
			div.item div.text ul.options {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
			
				div.item div.text ul.options li {
					padding: 0;
					margin: 0;
					float: left;
					display: block;
					}
					
				div.item div.text ul.options li.separator {
					padding: 0 0 0 15px;
					background: url(../images/layout/separatorDot.png) no-repeat 3px center;
					}
	
		div.item div.clear {
			clear: left;
			}


div.itemDetails div.tabBorder {
	clear: both;
	border-top: solid 1px #ba2d66;
	}
	
div.itemDetails div.tabBorder,
div.itemDetails div.tabs div.tab,
div.itemDetails ul.tabs {
	margin-left: 200px;
	}

div.itemDetails div.tab {
	clear: left;
	padding: 0.5em 0 1em 3px;
	}
	
div.comments {
	
	}
	
	div.itemDetails form.autonomous {
		margin-left: 0;
		}
		
/* icons */

div.itemDetails div.icons {
	padding-top: 1em;
	}
	
	div.itemDetails div.icons h3 {
		font-size: 1.2em;
		font-weight: normal;
		margin: 0;
		}
	
div.itemDetails div.icon {
	width: 72px;
	text-align: right;
	float: left;
	position: relative;
	padding: 0 15px 20px 0;
	}
		
	div.itemDetails div.icon img {
		padding-top: 0.7em;
		}

div.itemDetails div.iconDescription {
	margin: 0 0 0 87px;
	padding-bottom: 1em;
	color: #666;
	}
	
	div.itemDetails div.iconDescription code {
		color: #fff;
		font-family: helvetica, tahoma, arial, verdana, sans-serif;
		}
	
/* Item form: */

form.item {
	width: 45em;
	}

	form.item select.formSection,
	form.item textarea.formSection,
	form.item input.formSection {
		width: 400px;
		}
		
	form.item select.formSection {
		/*margin-left: 1em;*/
		}
		
	form.item textarea.formSection {
		height: 6em;
		}
		
	form.item label.itemType {
		float: left;
		text-align: center;
		margin: 0 0 0 1.5em;
		padding: 0;
		cursor: pointer;
		}
		
		form.item label.itemType input {
			vertical-align: middle;
			}

		form.item label.itemType img {
			vertical-align: middle;
			}

/* Tooltip form */
div.tooltipForm {
	/*background: url(/images/layout/tooltipForm/bg.png) repeat-y left top;*/
	width: 195px;
	height: 142px;
	padding: 8px 18px 21px 27px;
	position: absolute;
	z-index: 20;
	}
			
	div.tooltipForm img.bg {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		}

	div.tooltipForm a.closeButton {
		background: url(../images/layout/tooltipForm/closeButton.png) no-repeat right center;
		width: 21px;
		height: 21px;
		display: block;
		overflow: hidden;
		text-indent: -200em;
		position: absolute;
		z-index: 3;
		right: 21px;
		top: 11px;
		}
	
		div.tooltipForm a.closeButton:hover,
		div.tooltipForm a.closeButton:focus {
			background-position: left center;
			}
			
	div.tooltipForm div.content {
		position: relative;
		z-index: 2;
		height: 1%;
		}
	
		div.tooltipForm div.content p {
			padding: 10px 0 5px 25px;
			margin: 0 30px 0 0;
			}